@charset "utf-8";
/* CSS Document */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,html{margin:0;padding:0;}
html{ background:#f1f1f1;}
body{ font-size:14px; font-family:"微软雅黑",Arial; background:#fff;-webkit-text-size-adjust:100%; max-width:800px; overflow-x:hidden; margin:0 auto; }
a{text-decoration:none; font-family:"微软雅黑";}
a:hover{text-decoration:none;}
em,i{font-style:normal;}
li{list-style:none;}
img{border:0;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
input{font-family:"微软雅黑"; }
select{font-family:"微软雅黑";}
textarea{font-family:"微软雅黑";}
p{word-wrap:break-word;}
.c{clear:both;}
.fr{ float:right;}
.fl{ float:left;}
.h-8{ background:#f5f5f5; height:8px;}

header{ line-height:45px; height:45px; font-size:18px; background:#000; width:100%; overflow:hidden;  text-align:center; color:#fff;}
.swiper-slide img{ width:100%;}
.price-bg{ background:#fff; color:#e40031; overflow:hidden; padding:2%;}
.price-bg dt{ float:left; font-weight:bold; font-size:16px; line-height:30px;}
.price-bg dt p{font-size:12px; float:left;}
.price-bg dt p span{font-size:26px; padding:0px 3px;}
.price-bg dt li{color:#C77989;float:left; font-size:14px; margin-top:3px; margin-left:10px; text-decoration: line-through;}
.price-bg dd{ float:right;font-weight:bold; font-size:16px; line-height:30px;}
.description{font-weight:bold;font-size:18px;text-align:center; padding:3% 0; color:#333;}
.goumai{background: rgb(252, 237, 235);color: rgb(244, 75, 75);text-align:center; font-size:18px;padding:7% 0;font-weight:bold;}
.goumai img{ margin-right:5px;}
.xuanze{ font-size:16px; color:#666; margin:10px 2%;}
.thumb-show{ width:90%; overflow:hidden; position:relative;}
.thumb-show dt{ float:left; width:60%;}
.thumb-show dt img{ width:100%;}
.thumb-show dd{position:absolute; bottom:0px; left:62%;}
.thumb-show dd b{ font-size:22px; color:#cf2a4f;} 
.thumb-show dd b span{ font-size:12px;}
.thumb-show dd p{ line-height:20px; color:#555; text-decoration: line-through;}
.form-title{ background:#f5f5f5; height:50px; line-height:50px; padding-left:2%;}
.getarea{ border:1px solid #ebebeb !important;border-bottom:1px solid #ccc; height:35px !important;line-height:35px !important;}

.title{ font-weight:bold; line-height:23px; font-size:14px; margin-bottom:15px; padding:0px 2%;}
.title span{ background:#cf2a4f; color:#fff; margin:0px 5px; width:38px; border-radius:12px; font-size:12px; text-align:center; height:23px;display: inline-block;font-weight: normal;}
.top-li{border-bottom:1px solid #e5e5e5; padding:15px 0px; overflow:hidden;  border-top:1px solid #e5e5e5; }
.top-li li{ float:left; width:33.33%; text-align:center; color:#555; }
.top-li li span{ width:20px; margin:0px 3px; top:-1px;position:relative; display: inline-block;}
.top-li li span img{width:100%;}


.time{ color:#000; font-size:16px; text-align:center; line-height:25px; width: 250px; margin:15px auto 0px auto; clear:both; overflow:hidden;}
.time dt,.time dd{ float:left;}
.time dd{ color:#cf2a4f;font-weight:bold;}
.time dd span{ background:#cf2a4f; font-weight:bold; color:#fff; padding:0px 7px; border-radius:2px; margin:0px 3px; display: inline-block;}
.top-buy{ width:96%; margin:15px 2%;}
.top-buy a{ display:block;width:100%; font-size:16px; height:45px; border-radius:5px; line-height:45px; text-align:center; background:#cf2a4f; color:#fff;}

.content{ width:100%; overflow:hidden;}
.content img{ width:100% !important;}
.bw-title{ height:45px; line-height:45px; color:##333333; font-size:16px; background:#f5f5f5; padding-left:15px;}

.review{ height:300px; width:98%; overflow:hidden; margin:10px auto; color:#666;}
.review dl{ border-bottom:1px solid #ccc; overflow:hidden; padding:5px 10px;}
.review dl dt{ line-height:20px; font-size:14px; color:#333}
.review dl dd{ margin-top:5px;}

.main{ overflow:hidden; border-radius:5px;   background:#fff;}
.main .type-1{ clear:both; margin:10px 2%; overflow:hidden;}
.main .type-1 dt{ float:left; line-height:35px; width:100%; height:35px; text-align:left; font-weight:bold;} 
.main .type-1 dd{min-height: 34px; }
.main .type-1 dd li{ float:left; border-radius:3px;  text-align:center; background:#f2f2f2; border:1px solid #f2f2f2; margin:0px 8px 5px 0px; padding:8px 15px; cursor:pointer; position:relative;}
.main .type-1 dd li i.gou{ position:absolute; bottom:0px; right:0px; background-size:15px 15px; width:15px; height:15px; display:block;}
.main .type-1 dd li.hover{border:1px solid #cf2a4f; color:#fff; background: #cf2a4f;}
.main .type-1 dd li img{ width:80px; height:80px;}

.main .type-11{ clear:both; margin:10px 2%; overflow:hidden;}
.main .type-11 dt{ float:left; line-height:35px; width:100%; height:35px; text-align:left; font-weight:bold;} 
.main .type-11 dd{min-height: 34px; }
.main .type-11 dd li{ float:left; border-radius:3px; width:40%; text-align:center; background:#fff; border:2px solid #f2f2f2; margin:2%; padding:2%; cursor:pointer; position:relative;}
.main .type-11 dd li p{ line-height:25px; text-align:center; }
.main .type-11 dd li i{ width:18px; height:18px; display:inline-block; margin:0px 5px; vertical-align: middle; position:relative; bottom:2px; border-radius:10px; border:1px solid #ccc;}
.main .type-11 dd li i.gou{ position:absolute; bottom:0px; right:0px; background-size:15px 15px; width:15px; height:15px; display:block;}
.main .type-11 dd li.hover{border:2px solid #f2f2f2; }
.main .type-11 dd li.hover i span{ background:#cf2a4f; position:absolute; top:3px; left:3px; width:12px; border-radius:6px; height:12px; display:inline-block;}
.main .type-11 dd li img{ width:100%; height:100%;}

.main .type-3{ clear:both; margin:10px 0; overflow:hidden;}
.main .type-3 dt{ float:left; line-height:35px; width:60px; height:35px; text-align:right;}
.main .type-3 dd{min-height: 34px;  margin-left: 70px;}
.main .type-3 dd select{ width:100%; border-radius:3px; border:1px solid #ccc; height:35px; line-height:35px;}

.main .type-4{ clear:both; margin:10px 0 20px 0; overflow:hidden;}
.main .type-4 dt{ float:left; line-height:35px; width:60px; height:35px; text-align:right;}
.main .type-4 dd{min-height: 34px;  margin-left: 70px;}
.main .type-4 label{ display:block; margin-top:10px;}
.main .type-4 label input{ width:20px; margin-right:5px; height:20px; float:left;}

.normstitle{ border-bottom:2px solid #ccc; line-height:30px; font-weight:bold;}

.gifts{ margin-top:10px;}
.gifts dt{ margin-bottom:10px;}
.gifts dd p{ border:2px solid #ccc; border-radius:5px; padding:5px 10px; position:relative; margin-bottom:10px; float:left; margin-right:10px;}
.gifts dd p.hover{border:2px solid #cf2a4f; color:#cf2a4f;}
.gifts dd p img{ width:50px; width:50px; margin-right:10px;}
.gifts dd p.hover i{ position:absolute; bottom:0px; right:0px; background:url(../images/gou-1.png) no-repeat center center; background-size:15px 15px; width:15px; height:15px; display:block;}

.main .price{ margin:13px 0;}
.main .price dt{ line-height:35px; height:35px; text-align:left; padding-left:2%; font-weight:bold;}
.main .price dd{min-height: 34px; margin-left: 2%;line-height:35px; }
.main .price dd div{ position:relative; top:3px;}
.main .price dd div i:nth-child(1){ background:url(../images/jjh.gif) no-repeat left center; border:1px solid #ccc; display:block; width:26px; height:26px;  cursor: pointer; float:left; border-radius:3px 0px 0px 3px;}
.main .price dd div span:nth-child(2){ border:1px solid #ccc; display:block; width:50px; line-height:26px; height:26px;  float:left; text-align:center; border-left:none;border-right:none;}
.main .price dd div i:nth-child(3){ background:url(../images/jjh.gif) no-repeat right center; border:1px solid #ccc; display:block; width:26px; height:26px;  cursor: pointer; float:left; border-radius:0px 3px 3px 0px;}
.main .price dd strong{ float:right; background:#f2f2f2; padding:0px 15px; color:#cf2a4f; font-size:16px;margin-right:2%;}
.main .price dd strong i{ font-size:16px;}

.main .form{ clear:both; width:96%; margin:0px 2%; overflow:hidden; }
.main .form dt{ font-weight:bold; line-height:35px;}
.main .form dd{ line-height:45px; }
.main .form dd input{ width:94%; border-radius:3px; border:1px solid #ebebeb; line-height:34px; height:34px; padding:0px 2%; font-size:14px;}
.main .form dd select{ float:left; width:32%; margin-right:1.2%; text-align:center; height:35px; line-height:35px; border:1px solid #ccc; border-radius:3px;}
.main .form dd select option{ text-align:center; width:100%;}
.main .form dd textarea{ width:94%; height:50px; line-height:20px; padding:0px 2%; font-size:14px; border-radius:3px; border:1px solid #ebebeb; }
.main .form dd li{ position:relative; float:left; margin-right:5px; margin-bottom:5px; cursor:pointer;}
.main .form label{ width:50px; margin-right:20px; line-height:35px; float:left;}
.main .form label input[type="radio"]{ width:20px; float:left; margin-right:5px;}
.main .form dd input[name="sms"]{ width:54% !important;}
.main .form dd object i{float: right; margin-right:2%; width: 38%; text-align: center; line-height: 34px; background: #F40;border-radius: 3px; color: #fff;cursor: pointer;}
.main .form dd object i.sms-bg{ background:#ccc;}
.main .form dd p{ border-radius:3px; border:2px solid #cf2a4f; display:table; padding:0px 10px;}
.main .form dd p img{ width:30px; margin:0px 5px;}
.main .form dd.form-dd{ margin-bottom:-10px;}

.main .form dd li.huodao{ border:2px solid #ccc; border-radius:3px; padding:0px 10px 0px 32px; display:inline-block; background:url(../images/pay1.png) no-repeat 5px center; background-size:23px 23px;}
.main .form dd li.wechat,.main .form dd li.wechatcode{ border:2px solid #ccc; border-radius:3px; padding:0px 10px 0px 32px; display:inline-block; background:url(../images/pay2.png) no-repeat 5px center; background-size:23px 23px;}
.main .form dd li.alipay,.main .form dd li.alipaycode{ border:2px solid #ccc; border-radius:3px; padding:0px 10px 0px 32px; display:inline-block; background:url(../images/pay3.png) no-repeat 5px center; background-size:23px 23px;}

.main .form dd li.hover{border:2px solid #cf2a4f !important; color:#cf2a4f;}
.main .form dd li i.gou{ position:absolute; bottom:0px; right:0px; background:url(../images/gou-4.png) no-repeat center center; background-size:15px 15px; width:15px; height:15px; display:block;}
.pay-title{ border-radius:3px; border:1px solid #cf2a4f; margin:0px 2%; color:#cf2a4f; padding:1% 2%;}
.submit{ width:96%;  background:#cf2a4f; font-size:16px; overflow:hidden; border-radius:3px; text-align:center; color:#fff; margin:15px 2%;  cursor:pointer;}

.fahuo{ height:260px; overflow:hidden; width:100%; margin:0px auto;}
.fahuo ul{ overflow:hidden;}
.fahuo ul li{ padding:10px 5px; color:#666; overflow:hidden;}

.search{ width:98%; margin:10px 1%; overflow:hidden;}
.search dt{ float:left; width:78%;}
.search dt input{ width:96%; height:35px; line-height:35px; border-radius:3px; border:1px solid #ccc; padding:0px 2%;}
.search dd{ width:20%; float:right;border-radius:3px;  height:35px; line-height:35px; background:#cf2a4f; color:#fff; text-align:center; cursor:pointer;}
.foot-img img{ width:100%;}
footer{ background:#e5e5e5; overflow:hidden;}
.foot-nav{ text-align:center; height:23px; overflow:hidden;    margin-top: 10px;}
.foot-nav ul{ display:inline-table; margin-top:5px;}
.foot-nav ul li{ padding:0px 15px; float:left;}
.foot-nav ul li a{ color:#444; font-size:12px;}
.copyright{ text-align:center; color:#999; margin-top:7px; font-size:12px;}
.jubao{ height:30px; margin-top:5px;} 
.jubao dt{ float:left; padding-left:10px;}
.jubao dd{ float:right; padding-right:10px; }
.jubao dd a{ color:#666;}
.h-50{ height:45px; overflow:hidden;}
.fixed-nav{ position:fixed; width:800px; height:45px; line-height:45px; background:#fff;  z-index:99999; bottom:0px; left:50%; margin-left:-400px;}
.fixed-nav li{ float:left;}
.fixed-nav li a{  display:block; text-align:center;color:#cf2a4f; box-sizing: border-box;
 }
.fixed-nav li:nth-child(2n+0) a{ background:#cf2a4f; color:#fff;}
.fixed-nav li i{ font-size:18px;} 
.fixed-nav li:last-child a{ border:none;}


.ldts{ position:fixed; z-index:2; left:50%; margin-left:-390px; top:50px;}
.ldts p{ width:250px; border-radius:6px; line-height:30px; padding:0 6px; font-size:12px; font-family:"微软雅黑"; color:#fff;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background-color:rgba(255,0,0,0.5)!important; filter:Alpha(opacity=50); display:none; opacity:0;}
.ldts p img{ float:left; height:20px; margin:5px; border-radius:50%;}

#wx-html{ display:none;}
.wx-html{ margin:0px 10px;}
.wx-html p{ width:90%; margin:0px auto;}
.wx-html p img{ width:100%;}
.wx-html li{ font-size:14px;}
.wx-html li font{ color:#cf2a4f; font-weight:bold;font-size:16px;}
.wx-html a{ background:#2e8dec; color:#fff; width:80px; height:35px; line-height:35px; text-align:center;margin: 30px auto 10px auto;display: block;    border-radius: 3px; }

.postage dt,.prompt dt{font-weight: bold;}
.postage dd label{ width:94% !important;background: #d2d2d2;border-radius: 3px; padding:0px 2%;}
.postage dd label.hover{background:#cf2a4f; color:#fff;}


@media screen and (max-width:800px){
	.ldts{ left:10px;margin-left:0px;}
	.fixed-nav{ width:100%; left:0px; margin-left:0px;} 
}
@media screen and (max-width:700px){
	.time-top dt{ font-size:40px;}
	.time-top dt i{ font-size:20px;}
	.time-top dd{  line-height:25px;}
	.main .price dd strong{  font-size:24px;}
	.main .price dd strong i{ font-size:14px;}
}

@media screen and (max-width:600px){
	.time-top dt{ font-size:34px;}
	.time-top dt i{ font-size:18px;}
	.time-top dd{  line-height:25px;}
}

@media screen and (max-width:500px){
	header{ height:40px; line-height:40px; font-size:16px;}
	.time-top dt{ font-size:26px;}
	.time-top dt i{ font-size:16px;}
	.time-top dd{  line-height:22px; font-size:14px;}
	
	.time-time dt{ font-size:18px; width:40%;}
	.time-time dd{width:55%;}
	.time-time dd span{font-size:22px; }
	.main .price dd strong{  font-size:20px;}
	.main .price dd strong i{ font-size:12px;}
	
}
